// JavaScript Document

function tipo_facturas()
{
  numero_registros = document.getElementById('cantidad_registros').value;
  valor = document.getElementById('tipo_factura').value;
  
/*    ***********************************************************************************************************************************************     */    
/*    *************************************************       formato de compra inicial   ***********************************************************     */  
/*    ***********************************************************************************************************************************************     */  
  
  if (valor == 'compra')
  {
    var tipo = 'compra';
	limpiar();
    $('#compra').css("display", "");	
    $('#compra').append( '<div id="compras"><div>');	


	$("#compras").load("load_encabezado_factura.html", function( response, status, xhr ) {	

    for (i = 0; i < numero_registros; i++)
    {
      var contenido =     '<tr class="info"><td><span>' + Number(i + 1) +     '</span></td>' + 
	  
	'<input type="hidden" name="id_compra' + i + '" id="id_compra' + i + '" class="input-small" />'+ 

    '<td><input type="text" title="nombre producto" id="nombre_productos' + i + '"name="nombre_productos' + i + '" class="span2" placeholder="nombre producto" 	onchange="validar_no_repetir_texto(\'nombre_productos\', this.value, '+numero_registros+', this.id);" > </td>' + 

    '<td><input type="number"  name="cantidad' + i + '" min="0" id="cantidad' + i + '"   onChange="total_parcial(\'' + i + '\' , \'compra\');" placeholder="Cantidad" /> </td>' +
       
    '<td><input type="text" title="cantidad en inventario" name="stock' + i + '" min="0" id="stock' + i + '" class="span1" placeholder="Stock" readonly /></td> ' + 

    '<td><input type="text" name="minimo' + i + '" min="0" id="minimo' + i + '" class="span1" placeholder="minimo"  /> </td>' + 

    '<td><input type="text" name="maximo' + i + '" min="0" id="maximo' + i + '" class="span1" placeholder="maximo"  /></td> ' + 

    '<td><input type="text" title="descripcion producto" name="descripcion' + i + '" class="span1"  placeholder="descripcion"> </td>' + 

    '<td><select title="familia producto" id="id_grupo_producto' + i + '" name="id_grupo_producto' + i + '" class="span2"> </select> </td>' +
       
    '<td><input type="number" title="precio compra" name="precio_costo' + i + '" class="span2"  id="precio' + i + '" placeholder="Precio" onChange="total_parcial(\'' + i + '\' , \'compra\');" /> </td>' +
 
    '<td><input type="text" title="total" name="totalizar' + i + '" id="total_producto' + i + '"  placeholder="Total" class="totalizar" onChange="sumatoria();" readonly /></td></tr>';

      mostrar_combo('grupo_productos', ' id, nombre_grupo ', 'nombre_grupo', 'id_grupo_producto' + i);
	  
      mostrar_combo('producto', ' id, nombre_producto ', 'nombre_producto', 'nombre_productos' + i);
	  
      $("#tabla_facturacion_inventario").append(contenido);
    }

	consecutivo_producto(numero_registros);
	ocultar_columnas();	
	
	  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
  
  document.getElementById('digito_factura').value = "N.compra";
  
});
	

    $("#datos_a_cancelar").load("load_formularios.html");
    $('#venta').css("display", "none");
    $('#compra_existente').css("display", "none");
	 $('#compra_existente').css("display", "none");
	$('#devolucion_compra').css("display", "none");
	$('#devolucion_venta').css("display", "none");
  }
  
    
/*    ***********************************************************************************************************************************************     */  
/*   *************************************************       formato de compra existente   *********************************************************     */  

/*    ***********************************************************************************************************************************************     */  
	
  if (valor == 'compra_existente' )
  {
    var tipo = 'compra_existente';
	limpiar();
    $('#compra_existente').css("display", "");
	$('#compra_existente').append(    '<div id="compra_existentes"><div>');
    $("#compra_existentes").load("load_encabezado_factura.html", function( response, status, xhr ) {
 
    for (i = 0; i < numero_registros; i++)
    {
      var contenido =     '<tr class="info"><td><span>' + Number(i + 1) +     '</span></td>' + 

   // '<td><select title="nombre producto" id="nombre_productos' + i + '"name="nombre_productos' + i + '" class="span2" onChange="stock_producto_compra(this.value , ' + i + ');"></select> </td>' + 
   
   	'<td><input list="nombre_producto' + i + '"  name="nombre_productos' + i + '" class="span2"  id="nombre_productos' + i + '"    onchange="validar_no_repetir_texto(\'nombre_productos\', this.value, '+numero_registros+', this.id); stock_producto_compra_datalist(this.value , ' + i + ');" ></td>'+ 

    '<td><input type="number"  name="cantidad' + i + '" min="0" id="cantidad' + i + '"  class="input-small" onChange="total_parcial(\'' + i + '\' , \'compra_existente\');" placeholder="Cantidad" /> </td>' +
       
    '<td><input type="text" title="cantidad en inventario" name="stock' + i + '" min="0" id="stock' + i + '" class="span1" placeholder="Stock" readonly /></td> ' + 

    '<td><input type="text" name="minimo' + i + '" min="0" id="minimo' + i + '" class="span1" placeholder="minimo" readonly /> </td>' + 

    '<td><input type="text" name="maximo' + i + '" min="0" id="maximo' + i + '" class="span1" placeholder="maximo" readonly /></td> ' + 

    '<td><input type="text" title="descripcion producto" name="descripcion' + i + '" class="span1"  placeholder="descripcion"> </td>' + 

    '<td><select title="familia producto" id="id_grupo_producto' + i + '" name="id_grupo_producto' + i + '" class="span1"> </select> </td>' +
       
    '<td><input type="number" title="precio compra" name="precio_costo' + i + '" class="span2"  id="precio' + i + '" placeholder="Precio" onChange="total_parcial(\'' + i + '\' , \'compra_existente\');" /> </td>' +
 
    '<td><input type="text" title="total" name="totalizar' + i + '" id="total_producto' + i + '"  placeholder="Total" class="totalizar" onChange="sumatoria();" readonly /></td></tr>';

     
	 mostrar_datalist('producto', 'id, nombre_producto', 'nombre_producto'+i , 'nombre_productos'+i);
	
	  mostrar_combo('grupo_productos', ' id, nombre_grupo ', 'nombre_grupo', 'id_grupo_producto' + i);
	  
//      mostrar_combo('producto', ' id, nombre_producto ', 'nombre_producto', 'nombre_productos' + i);

	
	  
      $("#tabla_facturacion_inventario").append(contenido);
    }
	  mostrar_datalist('maestro_factura', 'factura, id', 'numero_facturas', 'numero_factura');
	ocultar_columnas();	
		  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
  document.getElementById('digito_factura').value = "compra";
  
});

    $("#datos_a_cancelar").load("load_formularios.html");
    $('#venta').css("display", "none");
    $('#compra').css("display", "none");
    $('#devolucion_compra').css("display", "none");
	$('#devolucion_venta').css("display", "none");
  }

    
/*    ***********************************************************************************************************************************************     */  
/*   *************************************************       formato de devolucion compra existente   *********************************************************     */  

/*    ***********************************************************************************************************************************************     */  
	
  if (valor == 'devolucion_compra')
  {
    var tipo = 'devolucion_compra';
	limpiar();
    $('#devolucion_compra').css("display", "");
	$('#devolucion_compra').append(    '<div id="devolucion_compras"><div>');
    $("#devolucion_compras").load("load_encabezado_factura.html", function( response, status, xhr ) {
 
    for (i = 0; i < numero_registros; i++)
    {
      var contenido =     '<tr class="info"><td><span>' + Number(i + 1) +     '</span></td>' + 

   // '<td><select title="nombre producto" id="nombre_productos' + i + '"name="nombre_productos' + i + '" class="span2" onChange="stock_producto_compra(this.value , ' + i + ');"></select> </td>' + 
   
   	'<td><input list="nombre_producto' + i + '"  name="nombre_productos' + i + '" class="span2"  id="nombre_productos' + i + '"    onchange="validar_no_repetir_texto(\'nombre_productos\', this.value, '+numero_registros+', this.id); stock_producto_compra_datalist(this.value , ' + i + ');" ></td>'+ 

    '<td><input type="number"  name="cantidad' + i + '" min="0" id="cantidad' + i + '"  class="input-small" onChange="total_parcial(\'' + i + '\' , \'compra_existente\');" placeholder="Cantidad" /> </td>' +
       
    '<td><input type="text" title="cantidad en inventario" name="stock' + i + '" min="0" id="stock' + i + '" class="span1" placeholder="Stock" readonly /></td> ' + 

    '<td><input type="text" name="minimo' + i + '" min="0" id="minimo' + i + '" class="span1" placeholder="minimo" readonly /> </td>' + 

    '<td><input type="text" name="maximo' + i + '" min="0" id="maximo' + i + '" class="span1" placeholder="maximo" readonly /></td> ' + 

    '<td><input type="text" title="descripcion producto" name="descripcion' + i + '" class="span1"  placeholder="descripcion"> </td>' + 

    '<td><select title="familia producto" id="id_grupo_producto' + i + '" name="id_grupo_producto' + i + '" class="span1"> </select> </td>' +
       
    '<td><input type="number" title="precio compra" name="precio_costo' + i + '" class="span2"  id="precio' + i + '" placeholder="Precio" onChange="total_parcial(\'' + i + '\' , \'compra_existente\');" /> </td>' +
 
    '<td><input type="text" title="total" name="totalizar' + i + '" id="total_producto' + i + '"  placeholder="Total" class="totalizar" onChange="sumatoria();" readonly /></td></tr>';

     
	 mostrar_datalist('producto', 'id, nombre_producto', 'nombre_producto'+i , 'nombre_productos'+i);
	
	  mostrar_combo('grupo_productos', ' id, nombre_grupo ', 'nombre_grupo', 'id_grupo_producto' + i);
	  
//      mostrar_combo('producto', ' id, nombre_producto ', 'nombre_producto', 'nombre_productos' + i);

	
	  
      $("#tabla_facturacion_inventario").append(contenido);
    }
	  mostrar_datalist('maestro_factura_compra', 'factura, id', 'numero_facturas', 'numero_factura');
	ocultar_columnas();	
		  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
  document.getElementById('digito_factura').value = "D.compra";
  
});

    $("#datos_a_cancelar").load("load_formularios.html");
	
    $('#venta').css("display", "none");
    $('#compra').css("display", "none");
	$('#compra_existente').css("display", "none");
	$('#devolucion_venta').css("display", "none");
  }

/*    ***********************************************************************************************************************************************     */      
/*    *************************************************       formato de venta   ********************************************************************     */  
/*    ***********************************************************************************************************************************************     */      

  if (valor == 'venta' )
  {
	  
	  
    var tipo = 'venta';
	limpiar();
    $('#venta').css("display", "");
    $('#venta').append(    '<div id="ventas">'+	
	'<div>');
	$("#ventas").load("load_encabezado_factura.html", function( response, status, xhr ) {
		
		    for (i = 0; i < numero_registros; i++)
    {
      var contenido =     '<tr class="error"><td><span>' + i + '. </span></td>' +

    '<input type="hidden" name="id' + i + '" id="id' + i + '" class="input-small" />' +
	
	'<td><input list="nombre_producto' + i + '"  name="nombre_producto' + i + '" class="span2"  id="nombre_productos' + i + '"    onchange="validar_no_repetir_texto(\'nombre_productos\', this.value, '+numero_registros+', this.id); stock_producto_venta_datalist(this.value , ' + i + ');" ></td>'+ 

    
	
	//'<td><select name="nombre_producto' + i + '" id="nombre_producto' + i + '"  onChange="stock_producto_venta(this.value , ' + i + ');" > </select> </td>' + 
	

    '<td><input type="number" name="cantidad' + i + '" min="0" id="cantidad' + i + '" class="input-small" onChange="total_parcial(\'' + i + '\', \'venta\');" placeholder="Cantidad" > </td>' +
        
    '<td><input type="text" title="cantidad en inventario" name="stock' + i + '" min="0" id="stock' + i + '" class="span1" placeholder="Stock" readonly /></td> ' +
 
    '<td><input type="text" name="minimo' + i + '" min="0" id="minimo' + i + '" class="span1" placeholder="minimo" readonly /> </td>' +
 
    '<td><input type="text" name="maximo' + i + '" min="0" id="maximo' + i + '" class="span1" placeholder="maximo" readonly /></td> ' +
 
    '<td><input type="text" title="descripcion producto" name="descripcion' + i + '" class="span1"  placeholder="descripcion"> </td>' + 

    '<td><select title="familia producto" id="id_grupo_producto' + i + '" name="id_grupo_producto' + i + '" class="span1"> </select> </td>' +
       
    '<td><input type="number" name="precio_venta' + i + '" id="precio_venta' + i + '" placeholder="Precio"  > </td>' + 

    '<td><input type="text" name="totalizar' + i + '" id="total_producto' + i + '" placeholder="Total Parcial" class="totalizar" onChange="sumatoria();" readonly/></td> </tr>';

      $("#tabla_facturacion_inventario").append(contenido);
      
	  mostrar_datalist('producto', 'id, nombre_producto', 'nombre_producto'+i , 'nombre_productos'+i);
     // mostrar_combo('producto', ' id, nombre_producto ', 'nombre_producto', 'nombre_producto' + i);
      mostrar_combo('grupo_productos', ' id, nombre_grupo ', 'nombre_grupo', 'id_grupo_producto' + i);
	  consecutivo_facura_venta();
    }
	
ocultar_columnas();	
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
  document.getElementById('digito_factura').value = "venta";
  
});

  
    $("#datos_a_cancelar").load("load_formularios.html");
	
	
    $('#compra').css("display", "none");
    $('#compra_existente').css("display", "none");
	$('#devolucion_compra').css("display", "none");
	$('#devolucion_venta').css("display", "none");
	
  }
 
  
/*    ***********************************************************************************************************************************************     */      
/*    *************************************************       formato de venta   ********************************************************************     */  
/*    ***********************************************************************************************************************************************     */      

  if (valor == 'devolucion_venta')
  {
	  
	 
    var tipo = 'devolucion_venta';
	limpiar();
    $('#devolucion_venta').css("display", "");
    $('#devolucion_venta').append(    '<div id="devolucion_ventas"><div>');
	$("#devolucion_ventas").load("load_encabezado_factura.html", function( response, status, xhr ) {
	
		
		    for (i = 0; i < numero_registros; i++)
    {
      var contenido =     '<tr class="error"><td><span>' + i + '. </span></td>' +

    '<input type="hidden" name="id' + i + '" id="id' + i + '" class="input-small" />' +
	
	'<td><input list="nombre_producto' + i + '"  name="nombre_producto' + i + '" class="span2"  id="nombre_productos' + i + '"    onchange="validar_no_repetir_texto(\'nombre_productos\', this.value, '+numero_registros+', this.id); stock_producto_venta_datalist(this.value , ' + i + ');" ></td>'+ 

    
	
	//'<td><select name="nombre_producto' + i + '" id="nombre_producto' + i + '"  onChange="stock_producto_venta(this.value , ' + i + ');" > </select> </td>' + 
	

    '<td><input type="number" name="cantidad' + i + '" min="0" id="cantidad' + i + '" class="input-small" onChange="total_parcial(\'' + i + '\', \'venta\');" placeholder="Cantidad" > </td>' +
        
    '<td><input type="text" title="cantidad en inventario" name="stock' + i + '" min="0" id="stock' + i + '" class="span1" placeholder="Stock" readonly /></td> ' +
 
    '<td><input type="text" name="minimo' + i + '" min="0" id="minimo' + i + '" class="span1" placeholder="minimo" readonly /> </td>' +
 
    '<td><input type="text" name="maximo' + i + '" min="0" id="maximo' + i + '" class="span1" placeholder="maximo" readonly /></td> ' +
 
    '<td><input type="text" title="descripcion producto" name="descripcion' + i + '" class="span1"  placeholder="descripcion"> </td>' + 

    '<td><select title="familia producto" id="id_grupo_producto' + i + '" name="id_grupo_producto' + i + '" class="span1"> </select> </td>' +
       
    '<td><input type="number" name="precio_venta' + i + '" id="precio_venta' + i + '" placeholder="Precio"  > </td>' + 

    '<td><input type="text" name="totalizar' + i + '" id="total_producto' + i + '" placeholder="Total Parcial" class="totalizar" onChange="sumatoria();" readonly/></td> </tr>';

      $("#tabla_facturacion_inventario").append(contenido);
      
	  mostrar_datalist('producto', 'id, nombre_producto', 'nombre_producto'+i , 'nombre_productos'+i);
     // mostrar_combo('producto', ' id, nombre_producto ', 'nombre_producto', 'nombre_producto' + i);
      mostrar_combo('grupo_productos', ' id, nombre_grupo ', 'nombre_grupo', 'id_grupo_producto' + i);
	  
    }
	
ocultar_columnas();	
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }

   document.getElementById('digito_factura').value = "D.venta";
});


mostrar_datalist('maestro_factura_venta', 'factura, id', 'numero_facturas', 'numero_factura');



    $('#compra').css("display", "none");
	$('#venta').css("display", "none");
    $('#compra_existente').css("display", "none");
	$('#devolucion_compra').css("display", "none");
	


  
    $("#datos_a_cancelar").load("load_formularios.html");
	

	
	
  }
 
/*    ***********************************************************************************************************************************************     */ 
 /*    *************************************************       formato de devolucion compra   **************************************     */   
/*    ***********************************************************************************************************************************************     */    
}

function limpiar()
{
    $('#compras').remove();
    $('#ventas').remove();
    $('#compras_existentes').remove();
	$('#devolucion_compras').remove();
	$('#devolucion_ventas').remove();
		
}

function ocultar_columnas()
{
  ocultarColumna('tabla_producto_existe', 3, false);
  ocultarColumna('tabla_producto_existe', 4, false);
  ocultarColumna('tabla_producto_existe', 5, false);
  ocultarColumna('tabla_producto_existe', 6, false);
  ocultarColumna('tabla_producto_existe', 7, false);
  document.getElementById('ver_columna_oculta').setAttribute("onclick", "mostrar_columnas()");
  document.getElementById('ver_columna_oculta').innerHTML = "mostrar";
}

function mostrar_columnas()
{
  ocultarColumna('tabla_producto_existe', 3, true);
  ocultarColumna('tabla_producto_existe', 4, true);
  ocultarColumna('tabla_producto_existe', 5, true);
  ocultarColumna('tabla_producto_existe', 6, true);
  ocultarColumna('tabla_producto_existe', 7, true);
  document.getElementById('ver_columna_oculta').setAttribute("onclick", "ocultar_columnas()");
  document.getElementById('ver_columna_oculta').innerHTML = "ocultar";
}

